<script lang="ts" setup>
defineProps<{ num: number, title: string }>()
</script>

<template>
  <button>{{ title }} - {{ num }}</button>
</template>

<style lang="scss" scoped>
button {
  display: block;
  margin: 15px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(128, 128, 128, 0.53);
  box-shadow: 1px 1px 5px rgba(128, 128, 128, 0.56);
  background-image: linear-gradient(rgba(255, 0, 0, 0.87), rgba(255, 0, 0, 0));
}
</style>
